<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>无标题文档</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="file:///C|/Users/Administrator/Desktop/Untitled-1.css" rel="stylesheet" type="text/css">
<!-- 
要详细了解文件顶部 html 标签周围的条件注释:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

如果您使用的是 modernizr (http://www.modernizr.com/) 的自定义内部版本，请执行以下操作:
* 在此处将链接插入 js 
* 将下方链接移至 html5shiv
* 将“no-js”类添加到顶部的 html 标签
* 如果 modernizr 内部版本中包含 MQ Polyfill，您也可以将链接移至 respond.min.js 
-->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="respond.min.js"></script>
<style type="text/css">
.transparent_class {   
           filter:alpha(opacity=50);   
           -moz-opacity:0.5;   
           -khtml-opacity: 0.5;   
           opacity: 0.5;
		   position:absolute;
		   left:0px;
		   top:0px;
		   z-index:998;
}
.div {   
    width:100%;
	height:300%;
	background-color:#000;
 
	filter:alpha(opacity=50);
	opacity:0.2;
	position:relative;
	top:0;left:0;
	z-index: 997;
	text-align:center;
	vertical-align:central;

}
.er
{
	position:absolute;
		   left:0px;
		   top:0px;
		   z-index:999;
}
</style>
</head>
<body>

<img src="resources/css/images/index/images/tishi1.gif" width="640" height="1280" class="transparent_class">

</div>
</body>
</html>
